<template>
  <div style="width: 100%;display: flex;justify-content: center;align-items: center;padding-top: 20px;">
    <!-- process-statu设置当前步骤节点,finish-status设置已经完成了的步骤节点 -->
    <el-steps style="width: 80%" :active="activeValue" process-status="finish" finish-status="success" align-center>
      <el-step title="标本绑定" :icon="Edit" />
      <el-step title="标本采集" :icon="Picture" />
      <el-step title="标本送出" :icon="Van" />
      <el-step title="标本送达" :icon="Wallet" />
      <el-step title="标本接收" :icon="FolderChecked" />
    </el-steps>
  </div>
</template>
<script lang="ts" setup>
import { Edit, Picture, Van,Wallet,FolderChecked } from '@element-plus/icons-vue'
const props = defineProps({
  activeValue: {
    type: Number,
    default: 0,
  }
})
</script>
<style lang="scss" scoped>

</style>